<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客列表页</title>
</head>
<body>
    <tr>
        <td><input type="text"><input type="button" value="查询" onclick="query()" placeholder="查找博客标题，概要，内容，分类，作者"</td>
        <td><input type="button" value="添加" onclick="add()"</td>
    </tr>
    <table id="tb">
        <tr>
            <td>Id</td>
            <td>标题</td>
            <td>摘要</td>
            <td>内容</td>
            <td>分类</td>
            <td>作者</td>
            <td>发表时间</td>
            <td>操作</td>
         </tr>
         <tr class="row" key="">
             <td>1</td>
             <td>1</td>
             <td>1</td>
             <td>1</td>
             <td>1</td>
             <td>1</td>
             <td>1</td>
             <td>
                <input type="button" value="编辑" onclick="edit()">
                <input type="button" value="删除" onclick="del()">
             </td>
         </tr>
    </table>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/init.js"></script>
    <script src="./js/api.js"></script>
    <script>
        function add(){
            location.href='./addOrEdit.html'
        }
        function del(id){
            location.href='./index.html'
        }
        function query(){
            let keyword=ctx.request.query.keyword||'';
            getBlogBykeyword(keyword);
        }



    </script>
</body>
</html>